<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>金天国际</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  <!-- <link rel="shortcut icon" href="http://favicon.ico"> -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

  <!-- <link rel="stylesheet" href="../../css/swiper.min.css"> -->
  <!-- <link rel="stylesheet" href="../../css/animate.css"> -->
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/sm.min.css">
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/sm-extend.min.css">
  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/common/common.js"></script>
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/common.css">
  <link rel="stylesheet" href="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/css/Home/searchResult.css">
  <!-- <link rel="stylesheet" href="../../../css/sm.min.css">
  <link rel="stylesheet" href="../../../css/sm-extend.min.css">
  <script type="text/javascript" src="../../../common/common.js"></script>
  <link rel="stylesheet" href="../../../css/common.css">
  <link rel="stylesheet" href="../../../css/Home/searchResult.css"> -->
</head>

<body>
  <div class="page-group">
    <div class="page">
      <!-- 标题栏 -->
      <header class="bar bar-nav">
        <div class="bar-box">
          <div class="bar-left">
            <img src="../../../img/home/back.png" alt="">
          </div>
          <div class="search-input searchs">
            <label class="icon icon-search" for="search"></label>
            <input type="search" id="search" placeholder="输入关键字..." />
          </div>
          <div class="bar-right">
            <!-- <img src="../../img/home/position.png" alt=""> -->
            <!-- <a href="#" id="search-cancel">取消</a> -->
          </div>
        </div>
      </header>

      <!-- 这里是页面内容区 -->
      <div class="content search-container all-goods infinite-scroll infinite-scroll-bottom" data-distance="0">
        <!-- <div class="content pull-to-refresh-content infinite-scroll infinite-scroll-bottom" data-ptr-distance="50" data-distance="100"> -->

        <!-- 默认的下拉刷新层 -->
        <!-- <div class="pull-to-refresh-layer">
          <div class="preloader"></div>
          <div class="pull-to-refresh-arrow"></div>
        </div> -->

        <!-- 加载提示符 -->
        <!-- <div class="infinite-scroll-preloader">
            <div class="preloader"></div>
        </div> -->
        <div class="goods-nav">
          <div class="goods-nav-bar dropdown">
            <a href="#" id="sort">默认排序<span class="icon icon-down"></span></a>
            <div class="dropdown-content sort-down">
              <ul>
                <li>
                  <a href="#" class="sort-item active">综合排序</a>
                </li>
                <li>
                  <a href="#" class="sort-item">销量</a>
                </li>
                <li>
                  <a href="#" class="sort-item">价格升序</a>
                </li>
                <li>
                  <a href="#" class="sort-item">价格降序</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="goods-nav-bar dropdown">
            <a href="#" id="filters">筛选<span class="icon icon-down"></span></a>
            <a href="#" class="icons" id="goods-icon"></a>
            <div class="dropdown-content filter-down">
              <ul>
                <li>
                  <a href="#" class="filter-item active">综合排序</a>
                </li>
                <li>
                  <a href="#" class="filter-item">销量</a>
                </li>
                <li>
                  <a href="#" class="filter-item">价格升序</a>
                </li>
                <li>
                  <a href="#" class="filter-item">价格降序</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <!-- 搜索结果-->
        <div class="container">
          <!-- 商品 -->
          <div class="goods-card">
            <div class="row">
              <div class="col-50">
                <div class="card-flex-box">
                  <div valign="bottom" class="card-header color-white no-border no-padding">
                    <!-- <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt=""> -->
                    <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                      alt="">
                  </div>
                  <div class="card-content">
                    <div class="card-content-inner card_flex__inner">
                      <p class="color-gray">商品名称</p>
                      <p>¥789</p>
                      <!-- <p class="label-box">
                        <span class="label">雪莲</span>
                        <span class="label">功效</span>
                      </p> -->
                    </div>
                  </div>
                  <!-- <div class="card-footer">
                        <a href="#" class="link">赞</a>
                        <a href="#" class="link">更多</a>
                      </div> -->
                </div>
              </div>
              <div class="col-50">
                <div class="card-flex-box">
                  <div valign="bottom" class="card-header color-white no-border no-padding">
                    <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                      alt="">
                    <!-- <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt="" > -->
                  </div>
                  <div class="card-content">
                    <div class="card-content-inner card_flex__inner">
                      <p class="color-gray">商品名称</p>
                      <p>¥789</p>
                      <!-- <p class="label-box">
                        <span class="label">雪莲</span>
                        <span class="label">功效</span>
                      </p> -->
                    </div>
                  </div>
                  <!-- <div class="card-footer">
                        <a href="#" class="link">赞</a>
                        <a href="#" class="link">更多</a>
                      </div> -->
                </div>
              </div>
              <div class="col-50">
                <div class="card-flex-box">
                  <div valign="bottom" class="card-header color-white no-border no-padding">
                    <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                      alt="">
                    <!-- <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt="" > -->
                  </div>
                  <div class="card-content">
                    <div class="card-content-inner card_flex__inner">
                      <p class="color-gray">商品名称</p>
                      <p>¥789</p>
                      <!-- <p class="label-box">
                        <span class="label">雪莲</span>
                        <span class="label">功效</span>
                      </p> -->
                    </div>
                  </div>
                  <!-- <div class="card-footer">
                        <a href="#" class="link">赞</a>
                        <a href="#" class="link">更多</a>
                      </div> -->
                </div>
              </div>
              <div class="col-50">
                <div class="card-flex-box">
                  <div valign="bottom" class="card-header color-white no-border no-padding">
                    <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                      alt="">
                    <!-- <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt="" > -->
                  </div>
                  <div class="card-content">
                    <div class="card-content-inner card_flex__inner">
                      <p class="color-gray">商品名称</p>
                      <p>¥789</p>
                      <!-- <p class="label-box">
                        <span class="label">雪莲</span>
                        <span class="label">功效</span>
                      </p> -->
                    </div>
                  </div>
                  <!-- <div class="card-footer">
                        <a href="#" class="link">赞</a>
                        <a href="#" class="link">更多</a>
                      </div> -->
                </div>
              </div>
              <div class="col-50">
                <div class="card-flex-box">
                  <div valign="bottom" class="card-header color-white no-border no-padding">
                    <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                      alt="">
                    <!-- <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt="" > -->
                  </div>
                  <div class="card-content">
                    <div class="card-content-inner card_flex__inner">
                      <p class="color-gray">商品名称</p>
                      <p>¥789</p>
                      <!-- <p class="label-box">
                        <span class="label">雪莲</span>
                        <span class="label">功效</span>
                      </p> -->
                    </div>
                  </div>
                  <!-- <div class="card-footer">
                        <a href="#" class="link">赞</a>
                        <a href="#" class="link">更多</a>
                      </div> -->
                </div>
              </div>
              <div class="col-50">
                <div class="card-flex-box">
                  <div valign="bottom" class="card-header color-white no-border no-padding">
                    <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                      alt="">
                    <!-- <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt="" > -->
                  </div>
                  <div class="card-content">
                    <div class="card-content-inner card_flex__inner">
                      <p class="color-gray">商品名称</p>
                      <p>¥789</p>
                      <!-- <p class="label-box">
                        <span class="label">雪莲</span>
                        <span class="label">功效</span>
                      </p> -->
                    </div>
                  </div>
                  <!-- <div class="card-footer">
                        <a href="#" class="link">赞</a>
                        <a href="#" class="link">更多</a>
                      </div> -->
                </div>
              </div>
              <div class="col-50">
                <div class="card-flex-box">
                  <div valign="bottom" class="card-header color-white no-border no-padding">
                    <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                      alt="">
                    <!-- <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt="" > -->
                  </div>
                  <div class="card-content">
                    <div class="card-content-inner card_flex__inner">
                      <p class="color-gray">商品名称</p>
                      <p>¥789</p>
                      <!-- <p class="label-box">
                        <span class="label">雪莲</span>
                        <span class="label">功效</span>
                      </p> -->
                    </div>
                  </div>
                  <!-- <div class="card-footer">
                        <a href="#" class="link">赞</a>
                        <a href="#" class="link">更多</a>
                      </div> -->
                </div>
              </div>
              <div class="col-50">
                <div class="card-flex-box">
                  <div valign="bottom" class="card-header color-white no-border no-padding">
                    <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                      alt="">
                    <!-- <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt="" > -->
                  </div>
                  <div class="card-content">
                    <div class="card-content-inner card_flex__inner">
                      <p class="color-gray">商品名称</p>
                      <p>¥789</p>
                      <!-- <p class="label-box">
                        <span class="label">雪莲</span>
                        <span class="label">功效</span>
                      </p> -->
                    </div>
                  </div>
                  <!-- <div class="card-footer">
                        <a href="#" class="link">赞</a>
                        <a href="#" class="link">更多</a>
                      </div> -->
                </div>
              </div>
              <div class="col-50">
                <div class="card-flex-box">
                  <div valign="bottom" class="card-header color-white no-border no-padding">
                    <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                      alt="">
                    <!-- <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt="" > -->
                  </div>
                  <div class="card-content">
                    <div class="card-content-inner card_flex__inner">
                      <p class="color-gray">商品名称</p>
                      <p>¥789</p>
                      <!-- <p class="label-box">
                        <span class="label">雪莲</span>
                        <span class="label">功效</span>
                      </p> -->
                    </div>
                  </div>
                  <!-- <div class="card-footer">
                        <a href="#" class="link">赞</a>
                        <a href="#" class="link">更多</a>
                      </div> -->
                </div>
              </div>
              <div class="col-50">
                <div class="card-flex-box">
                  <div valign="bottom" class="card-header color-white no-border no-padding">
                    <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                      alt="">
                    <!-- <img class="card-cover" src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt="" > -->
                  </div>
                  <div class="card-content">
                    <div class="card-content-inner card_flex__inner">
                      <p class="color-gray">商品名称</p>
                      <p>¥789</p>
                      <!-- <p class="label-box">
                        <span class="label">雪莲</span>
                        <span class="label">功效</span>
                      </p> -->
                    </div>
                  </div>
                  <!-- <div class="card-footer">
                        <a href="#" class="link">赞</a>
                        <a href="#" class="link">更多</a>
                      </div> -->
                </div>
              </div>
            </div>
          </div>
          <div class="goods-list">
            <div class="list-block media-list">
              <ul class="list-container">
                <li>
                  <a href="#" class="item-content card_box__content">
                    <div class="item-media">
                      <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                        style="width: 4rem;">
                    </div>
                    <div class="item-inner">
                      <div class="item-title-row">
                        <div class="item-title">商品名称</div>
                        <div class="item-after"></div>
                      </div>
                      <div class="item-text">
                        <div class="label-box">
                          <span class="label">雪莲</span>
                          <span class="label">功效</span>
                        </div>
                      </div>
                      <div class="item-subtitle card_box__content_subtile">
                        <span>收藏123</span>
                        <span>点赞125</span>
                      </div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#" class="item-content card_box__content">
                    <div class="item-media">
                      <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                        style="width: 4rem;">
                    </div>
                    <div class="item-inner">
                      <div class="item-title-row">
                        <div class="item-title">商品名称</div>
                        <div class="item-after"></div>
                      </div>
                      <div class="item-text">
                        <div class="label-box">
                          <span class="label">雪莲</span>
                          <span class="label">功效</span>
                        </div>
                      </div>
                      <div class="item-subtitle card_box__content_subtile">
                        <span>收藏123</span>
                        <span>点赞125</span>
                      </div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#" class="item-content card_box__content">
                    <div class="item-media">
                      <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                        style="width: 4rem;">
                    </div>
                    <div class="item-inner">
                      <div class="item-title-row">
                        <div class="item-title">商品名称</div>
                        <div class="item-after"></div>
                      </div>
                      <div class="item-text">
                        <div class="label-box">
                          <span class="label">雪莲</span>
                          <span class="label">功效</span>
                        </div>
                      </div>
                      <div class="item-subtitle card_box__content_subtile">
                        <span>收藏123</span>
                        <span>点赞125</span>
                      </div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#" class="item-content card_box__content">
                    <div class="item-media">
                      <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                        style="width: 4rem;">
                    </div>
                    <div class="item-inner">
                      <div class="item-title-row">
                        <div class="item-title">商品名称</div>
                        <div class="item-after"></div>
                      </div>
                      <div class="item-text">
                        <div class="label-box">
                          <span class="label">雪莲</span>
                          <span class="label">功效</span>
                        </div>
                      </div>
                      <div class="item-subtitle card_box__content_subtile">
                        <span>收藏123</span>
                        <span>点赞125</span>
                      </div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#" class="item-content card_box__content">
                    <div class="item-media">
                      <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                        style="width: 4rem;">
                    </div>
                    <div class="item-inner">
                      <div class="item-title-row">
                        <div class="item-title">商品名称</div>
                        <div class="item-after"></div>
                      </div>
                      <div class="item-text">
                        <div class="label-box">
                          <span class="label">雪莲</span>
                          <span class="label">功效</span>
                        </div>
                      </div>
                      <div class="item-subtitle card_box__content_subtile">
                        <span>收藏123</span>
                        <span>点赞125</span>
                      </div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#" class="item-content card_box__content">
                    <div class="item-media">
                      <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"
                        style="width: 4rem;">
                    </div>
                    <div class="item-inner">
                      <div class="item-title-row">
                        <div class="item-title">商品名称</div>
                        <div class="item-after"></div>
                      </div>
                      <div class="item-text">
                        <div class="label-box">
                          <span class="label">雪莲</span>
                          <span class="label">功效</span>
                        </div>
                      </div>
                      <div class="item-subtitle card_box__content_subtile">
                        <span>收藏123</span>
                        <span>点赞125</span>
                      </div>
                    </div>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <!-- 加载提示符 -->
        <div class="infinite-scroll-preloader">
          <div class="preloader">
          </div>
        </div>
      </div>
      <div class="top top_fixed">
        <a id="tops" href="#">回顶部</a>
      </div>
    </div>
  </div>
  <!-- !-- 固定的js引用，所有的jQuery 要用 $$ 表示 -->
  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/jquery-1.11.1.min.js"></script>
  <!-- 这一行代码是为了 避免js冲突 -->
  <script type="text/javascript">
    var $$ = jQuery.noConflict();
  </script>

  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/zepto/zepto.min.js"
    charset="utf-8"></script>
  <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/sm.min.js"
    charset="utf-8"></script>
  <!-- <script type="text/javascript" src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/sm-extend.min.js" charset="utf-8"></script> -->
  <!-- <script src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/swiper/swiper.min.js"></script> -->
  <script src="https://gitee.com/huaflower/JinTianGuoJiCommonFile/raw/master/js/Home/storeMore.js"></script>
  <!-- <script src="../../../js/Home/storeMore.js"></script> -->
  <script type="text/javascript">
    //放函数区域
  </script>
</body>

</html>